<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="" />
<meta name="author" content="ChongMing" />
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="full-screen" content="yes">
<meta name="screen-orientation" content="portrait">
<meta name="x5-fullscreen" content="true">
<meta name="360-fullscreen" content="true">
<link href="css/reset.css" type="text/css" rel="stylesheet">
    <script src="js/jquery-1.10.2.js"></script>
<script src="js/public.js"></script>
<script src="js/vue.js"></script>
<script src="js/rem.js"></script>
<script src="js/jquery.cookie.js"></script>
    <script type="text/javascript">
       $(function(){
           publicJs.get('wish/index/more',{},function(res){
               new Vue({
                   el:'#allprogram',
                   data:{
                       list:res.data
                   }
               });
               console.log(res.data)
           });
           $(document).on('touchstart','.allprogram .box',function(){
              var url = $(this).data('url');
               if($.cookie("local_userId")){
                   location.href = url
               }else{
                   location.href = "login.html";
               }
           });
       });
    </script>
<title>更多</title>
    <style>
        .allprogram{
            width: 100%;
            height: auto;
            overflow: hidden;
            background: #fff;
            padding-top: 10px;
        }
        .allprogram .box{
            margin: 0 3%;
            width: 19%;
            background: #fff;
            float: left;
        }
        .allprogram .box img{
            width: 70%;
            height: auto;
            overflow: hidden;
            display: block;
            margin: auto;
        }
        .allprogram .box p{
            text-align: center;
            font-size: 0.25rem;
            margin: 15px 0;
            color: #666666;
        }
    </style>
</head>
<body style="background: #ebebeb;">
<div class="allprogram" id="allprogram">
    <div class="box" v-for="lists in list" data-url="{{lists.h5_web_url}}">
        <img v-bind:src="lists.pic_url" alt="">
        <p>{{lists.pic_text}}</p>
    </div>
</div>
</body>
</html>